<template>
  <div class="content">
    <el-carousel trigger="click" :height="height" type="card" style="width:100%;">
      <el-carousel-item v-for="item in imageList" :key="item">
        <img class="imgItem" :src="item" alt="" />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>
<script>
export default {
  props: {
    imageList: { type: Array, default: () => [] },
    height: { type: String, default: '170px' }
  }
}
</script>
<style scoped>
.content {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.imgItem {
  width: 100%;
  height: 100%;
}
</style>
